/* Animate in carousel */



.hd {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hd.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.hd{
	margin-left:80px;
}

.lst{
	margin-top: 15px;
	margin-right: 50px;
	font-size:20px;
}


.affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
  }

.hd{
	font-size:40px;font-family: 'Crete Round', serif;
font-family: 'Righteous', cursive;
font-family: 'Concert One', cursive;
font-family: 'Fredoka One', cursive;
font-family: 'Playfair Display SC', serif;
font-family: 'Merienda', cursive; color:#0B9DF7;
}


/*

.home:hover{
 background-color:red;

}
*/
  
.book{
	 text-align:center; 
	color:#0A8BFD; 
	font-size:40px;
	font-family: 'Playfair Display SC', serif;
}

/* Animation for books */


.book,.bio,.events {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.book.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



.book,.bio,.events {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.book,.bio,.events {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.book,.bio,.events {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}





.bio{
	 text-align:center; 
	color:#0A8BFD;
	font-size:40px;
	font-family: 'Playfair Display SC', serif;
}


.bio.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}





.bio_data{
	text-align: justify;
	
	font-size:25px;
}

#events{
	text-align:center; 
	color:white; 
	font-family: 'Playfair Display SC', serif; 
	font-size:40px;
}

.events.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}



#contact{
	text-align:center; 
	color:dodgerblue; 
	font-family: 'Playfair Display SC', serif;
	font-size:40px;
}


.navbar{
	margin:0px 0px 0px 0px;

}


.container-fluid{
	padding:0px 0px 0px 0px;
}


.container {
  position: relative; 
}


.image {
  display: block;
 
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 250px;
  transition: .5s ease;
  opacity:0;
  color: #FFFFFC;
  font-size: 20px;
  padding: 20px;
  text-align: center;
	text-decoration: none;
}

.container:hover .overlay {
  opacity: 1;
}

/* it second image */
.container1 {
  position: relative; 
}

.image1 {
  display: block;
}

.container1:hover .overlay {
  opacity: 1;
}

/* it third image */
.container2 {
  position: relative; 
}

.image2 {
  display: block;
}

.container2:hover .overlay {
  opacity: 1;
}

/* it fourth image */
.container3 {
  position: relative; 
}

.image3 {
  display: block;
}

.container3:hover .overlay {
  opacity: 1;
}


/* it fifth image */
.container4 {
  position: relative; 
}

.image4 {
  display: block;
}

.container4:hover .overlay {
  opacity: 1;
}


/* it sixth image */
.container5 {
  position: relative; 
}

.image5 {
  display: block;
}

.container5:hover .overlay {
  opacity: 1;
}


/* it seventh image */
.container6 {
  position: relative; 
}

.image6 {
  display: block;
}

.container6:hover .overlay {
  opacity: 1;
}


/* it eigth image */
.container7 {
  position: relative; 
}

.image7 {
  display: block;
}

.container7:hover .overlay {
  opacity: 1;
}


.modal-dialog {
  height: 80% !important;
  padding-top:10%;
}

.modal-content {
  height: 100% !important;
  overflow:visible;
}

.modal-body {
  height: 80%;
  overflow: auto;
}


.bi{
	margin-top: 90px;
}

i{
	padding-left:20px;
}

a{
	text-decoration:none;
	
}


.open{
	color:white;
}


/* CSS for BuyNow buttons */

	.by{
		font-size:20px;
		//float:left;
	
	width:150px;
		height:50px;
  display:inline-block;
  position:relative;
		text-align:center;
	padding-top:10px;
		right:10;
 margin:-1em;  
  // padding:1em;
 // cursor:pointer;
  background:#468DF5;  color:white; 
  z-index:0;
		text-decoration: none;

}
.by:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background:white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by:hover:before{transform: scaleX(1);}
	


.by1,.by2,.by3,.by4,.by5,.by6{
		font-size:20px;
		//float:left;
	
	width:150px;
		height:50px;
  display:inline-block;
  position:relative;
		text-align:center;
	padding-top:10px;
		right:10;
  margin:-1em;  
  // padding:1em;
  //cursor:pointer;
  background:#468DF5;  
	color:white !important; 
  z-index:0;

}



.by2:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background: white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by2:hover:before{transform: scaleX(1);}
	


.by1:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background:white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by1:hover:before{transform: scaleX(1);}
	

   
.by3:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background: white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by3:hover:before{transform: scaleX(1);}
	
 
 .by4:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background: white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by4:hover:before{transform: scaleX(1);}


.by5:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background:white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by5:hover:before{transform: scaleX(1);}
	
   

.by6:before {
	border:2px solid #468DF5;
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom:0;
  background:white; 
	
	color:#468DF5; 
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform .3s ease-out;
}
.by6:hover:before{transform: scaleX(1);}
	
   
#up_coming{
	 height:400px;
	width:auto; 
	background-color:#043E92;
}

h3{
	color:white;
	//background-color:red;
	cursor:pointer;
}

.prgh{
	color:blue;
	
}



/* CSS for Scroll top */

footer {
  clear: both;
}


.scrollTop {
  position: fixed;
  right: 5%;
  bottom: 10px;
  //background-color:#0B9DF7;
 //padding: 10px;
	//color:#0B9DF7;
  //opacity: 0;
  transition: all 0.4s ease-in-out 0s;
}

.scrollTop a {
  font-size: 15px;
  //color: #fff;
	color:#0B9DF7
}